<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>讯龙防伪溯源系统</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="讯龙防伪溯源系统由北理工夸克工作室研发制作，主要提供条形码、二维码、隐形码等标签产品的在线防伪功能。" />
	<meta name="keywords" content="防伪码 , 二维码 , 溯源, 防串货" />
	

  

  	<!-- Facebook and Twitter integration -->
	<meta property="og:title" content=""/>
	<meta property="og:image" content=""/>
	<meta property="og:url" content=""/>
	<meta property="og:site_name" content=""/>
	<meta property="og:description" content=""/>
	<meta name="twitter:title" content="" />
	<meta name="twitter:image" content="" />
	<meta name="twitter:url" content="" />
	<meta name="twitter:card" content="" />

	<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
	<link rel="shortcut icon" href="favicon.ico">

	<!-- <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,400italic,700' rel='stylesheet' type='text/css'> -->
	
	<!-- Animate.css -->
	<link rel="stylesheet" href="css/animate.css">
	<!-- Icomoon Icon Fonts-->
	<link rel="stylesheet" href="css/icomoon.css">
	<!-- Bootstrap  -->
	<link rel="stylesheet" href="css/bootstrap.css">
	<!-- Flexslider  -->
	<link rel="stylesheet" href="css/flexslider.css">
	<!-- Theme style  -->
	<link rel="stylesheet" href="css/style.css">

	<!-- Modernizr JS -->
	<script src="js/modernizr-2.6.2.min.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->

	</head>
	<body>
	
	
	<div id="fh5co-page">
	<header id="fh5co-header" role="banner">
		<div class="container">
			<div class="header-inner">
				<h1><a href="index.html">讯龙高新<span>.</span></a></h1>
				<nav role="navigation">
					<ul>
						<li><a href="scode.html">防伪查询</a></li>
						<li><a href="trace.html">溯源查询</a></li>
						<li><a href="login.html">会员积分</a></li>
						<li><a href="prev.html">新媒体区</a></li>
						<!-- <li><a href="about.html">关于我们</a></li> -->
						<li><a href="contact.html">联系反馈</a></li>
						<li class="cta"><a href="http://sys.gdxunlong.cn/admin/">TA System</a></li>
					</ul>
				</nav>
			</div>
		</div>
	</header>
	

	<aside id="fh5co-hero" clsas="js-fullheight">
		<div class="flexslider js-fullheight">
			<ul class="slides">
		   	<li style="background-image: url(images/slide_3.jpg);">
		   		<div class="overlay-gradient"></div>
		   		<div class="container">
		   			<div class="col-md-10 col-md-offset-1 text-center js-fullheight slider-text">
		   				<div class="slider-text-inner">
		   					<h2>讯龙高新·引领变革</h2>
		   					<p class="fh5co-lead">运用新媒体技术 <i class="icon-heart"></i> by 建立更开放友好的 <a href="#" target="_blank">客户关系</a></p>
		   				</div>
		   			</div>
		   		</div>
		   	</li>
		  	</ul>
	  	</div>
	</aside>

	<div class="fh5co-about animate-box">
		<div class="col-md-6 col-md-offset-3 text-center fh5co-heading">
			<h2>-· 新媒体技术应用 ·-</h2>
			<p>&nbsp&nbsp&nbsp&nbsp2018年随着新媒体的崛起,社交平台的普及,人工智能与云计算的大力发展,不断地促使各个行业对其传统营销方式的全面升级。相比传统图文展示,新媒体技术不仅具有轻量化的优势,还有传播信息量大、表现力强、直观性好等特点,能分享至微博、微信等社交平台,更具有传播影响力。下面将通过五个各方面进行展示... </p>
		</div>

		<!-- 展示介绍区  -->
		<div class="container">
			<div class="col-md-12">
				<figure>
						<img src="images/NewMedia.jpg" alt="Free HTML5 Template" class="img-responsive" />
				</figure>
			</div>
			<!-- 1.可定制化企业宣传片  -->
			<div class="row">
				<div class="col-md-4 ">
					<a href="#" data-toggle="modal" data-target="#video1">
						<img src="images/ser_pic1.jpg" alt="Free HTML5 Template" class="img-responsive img-prev" >
					</a>
				</div>
				<div class="col-md-8">
					<h2>A · 企业形象宣传片</h2>
					<p>&nbsp&nbsp&nbsp&nbsp每个企业都需要一部具有表现力和说服力的宣传片！目前，企业宣传片从内容上分最主要有两种，一种是企业形象片，另一种是产品直销片。前者主要是整合企业资源，统一企业形象，传递企业信息。它可以促进受众对企业的了解，增强信任感，从而带来商机。而产品直销片主要通过现场实录配合三维动画，直观生动地展示产品生产过程、突出产品的功能特点和使用方法。因此，我们将重点关注宣传片整体制作过程的艺术性、标准性、应用性三个方面，并在剪辑、调色、配音等多个后期制作环节进行专业化处理。</p>
					<p><a href="#" data-toggle="modal" data-target="#video1" class="btn btn-primary btn-outline with-arrow">Learn more <i class="icon-arrow-right"></i></a></p>
				</div>
			</div>
			<!-- 2.AR邀请函  -->
			<div class="row">
				<div class="col-md-4 ">
					<a href="#" data-toggle="modal" data-target="#video2">
						<img src="images/ser_pic2.jpg" alt="Free HTML5 Template" class="img-responsive img-prev" >
					</a>
				</div>
				<div class="col-md-8">
					<h2>B · AR邀请函</h2>
					<p>&nbsp&nbsp&nbsp&nbspAR实现了线上强交互性结合线下核心营销形成与消费者之间的品效联结；其次，于品牌而言，AR更能够提供品牌形象精细化设计的支持，通过新奇的交互体验追求共鸣的作用，达到感官消费的最佳效果；第三，借助AR能够更多维度挖掘潜在的顾客，扩大的流量圈层。同时，通过增强现实（AR）技术，Westar Energy能够开发各种移动平台，以便为员工提供数字化培训。</p>
					<p><a href="#" data-toggle="modal" data-target="#video2" class="btn btn-primary btn-outline with-arrow">Learn more <i class="icon-arrow-right"></i></a></p>
				</div>
			</div>
			<!-- 3.AR宣传册  -->
			<div class="row">
				<div class="col-md-4 ">
					<a href="#" data-toggle="modal" data-target="#video3">
						<img src="images/ser_pic3.jpg" alt="Free HTML5 Template" class="img-responsive img-prev" >
					</a>
				</div>
				<div class="col-md-8">
					<h2>C · AR宣传册</h2>
					<p>&nbsp&nbsp&nbsp&nbspAR呈现的光影效果,对阅读者来说是一种魔幻场景,平面作品变得立体生动。AR通过增强现实技术,以多媒体的呈现方式,给孩子带来一种沉浸式的互动体验。并且，使用AR技术将电视节目出成书，近1000分钟的视频片段被“嵌入”书中，实现了文本与节目视频的无缝结合。</p>
					<p><a href="#" data-toggle="modal" data-target="#video3" class="btn btn-primary btn-outline with-arrow">Learn more <i class="icon-arrow-right"></i></a></p>
				</div>
			</div>
			<!-- 4.AR互动游戏  -->
			<div class="row">
				<div class="col-md-4 ">
					<a href="#" data-toggle="modal" data-target="#video4">
						<img src="images/ser_pic4.jpg" alt="Free HTML5 Template" class="img-responsive img-prev" >
					</a>
				</div>
				<div class="col-md-8">
					<h2>D · AR互动游戏</h2>
					<p>&nbsp&nbsp&nbsp&nbsp在科技迅速发展的今天，在探索宣传方式多样化的道路上，科技赋予了宣传方式无限的可能，AR营销应运而生。只要消费者用手机对着宝洁的logo一扫，关于产品的信息就可以一览无余，甚至可以通过AR扫描，开辟现实游戏场景，大大增加了消费的趣味性，这样的营销方式让宝洁一跃成为许多年轻人熟悉且喜爱的品牌。而在未来，AR 技术还能给日化营销带来更多的生机。</p>
					<p><a href="#" data-toggle="modal" data-target="#video4" class="btn btn-primary btn-outline with-arrow">Learn more <i class="icon-arrow-right"></i></a></p>
				</div>
			</div>
			<!-- 5.三维立体名片  -->
			<div class="row">
				<div class="col-md-4 ">
					<a href="#" data-toggle="modal" data-target="#video5">
						<img src="images/ser_pic5.jpg" alt="Free HTML5 Template" class="img-responsive img-prev" >
					</a>
				</div>
				<div class="col-md-8">
					<h2>E · 三维立体名片</h2>
					<p>&nbsp&nbsp&nbsp&nbsp随着智能手机的普及，社交软件也已经大众化，但是许多人还是保留着派名片的习惯。而人们往往会把自身的各种业务服务、头衔之类记录在这一张小小的卡片上，造成名片排版格外拥挤，让接收者没有看下去的欲望。一张AR名片，用户利用手机查看就能显示出AR信息。通过手机查看就能显示出许多讯息，除了名字和联系方式之外，还有各种社交媒体的连接及更详细的信息。</p>
					<p><a href="#" data-toggle="modal" data-target="#video5" class="btn btn-primary btn-outline with-arrow">Learn more <i class="icon-arrow-right"></i></a></p>
				</div>
			</div>

		</div>
	</div>
	
	<div class="fh5co-cta" style="background-image: url(images/image_3.jpg);">
		<div class="overlay"></div>
		<div class="container">
			<div class="col-md-12 text-center animate-box">
				<h3>更多新潮技术应用，请关注我们官方网站。</h3>
				<p><a href="http://www.gdxunlong.cn" class="btn btn-primary btn-outline with-arrow">Get started now! <i class="icon-arrow-right"></i></a></p>
			</div>
		</div>
	</div>
	
	<footer id="fh5co-footer" role="contentinfo">
	
		<div class="container">
			<div class="col-md-3 col-sm-12 col-sm-push-0 col-xs-12 col-xs-push-0">
				<h3>About us</h3>
				<p>讯龙高新 是一家致力于改造传统条码标签行业的高新科技公司，为中国传统行业在标签防伪、溯源追踪领域的升级改造提供一站式的解决方案. </p>
				<p><a href="#" class="btn btn-primary btn-outline with-arrow btn-sm">企业官网 <i class="icon-arrow-right"></i></a></p>
			</div>
			<div class="col-md-6 col-md-push-1 col-sm-12 col-sm-push-0 col-xs-12 col-xs-push-0">
				<h3>Our Services</h3>
				<ul class="float">
					<li><a href="#">标签及包装打印</a></li>
					<li><a href="#">标签防伪 &amp; 隐形码防伪</a></li>
					<li><a href="#">溯源追踪及查询</a></li>
					<li><a href="#">会员奖励及积分管理</a></li>
				</ul>
				<ul class="float">
					<li><a href="#">一物一码方案</a></li>
					<li><a href="#">信息化咨询及改造</a></li>
					<li><a href="#">定制化防伪溯源</a></li>
					<li><a href="#">区域防串货系统</a></li>
				</ul>

			</div>

			<div class="col-md-2 col-md-push-1 col-sm-12 col-sm-push-0 col-xs-12 col-xs-push-0">
				<h3>Follow Us</h3>
				<ul class="fh5co-social">
					<li><a href="#"><i class="icon-twitter"></i></a></li>
					<li><a href="#"><i class="icon-facebook"></i></a></li>
					<li><a href="#"><i class="icon-google-plus"></i></a></li>
					<li><a href="#"><i class="icon-instagram"></i></a></li>
				</ul>
			</div>
			
			
			<div class="col-md-12 fh5co-copyright text-center">
				<p>&copy; 2018	 广东讯龙高新技术有限公司 All Rights Reserved. <span>Designed with <i class="icon-heart"></i> by <a href="#/" target="_blank">珠海夸克</a> ·ZHBIT </span></p>	
			</div>
			
		</div>
	</footer>
	</div>

	<!--弹出框（模态框）A · 企业形象宣传片 开始-->
	<div class="modal fade" id="video1">
		<div class="modal-dialog">
	    	<div class="modal-content">
	        	<div class="modal-header">
	                <button type="button" class="close" data-dismiss="modal">
	                	<span aria-hidden="true">&times;</span>
	                    <span class="sr-only">Close</span>
	                </button>
	                <h4 class="modal-title">A · 企业形象宣传片</h4>
	            </div>
	            <div class="modal-body">
	            	<video src="video/1.mp4" controls="controls" width="100%">
	            		A · 企业形象宣传片作品展示
	            	</video>
	            </div>
	            <div class="modal-footer">
	            	<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
	            </div>
	        </div>
	    </div>
	</div>
	<!--弹出框（模态框）A · 企业形象宣传片 结束-->

	<!--弹出框（模态框）B · AR邀请函 开始-->
	<div class="modal fade" id="video2">
		<div class="modal-dialog">
	    	<div class="modal-content">
	        	<div class="modal-header">
	                <button type="button" class="close" data-dismiss="modal">
	                	<span aria-hidden="true">&times;</span>
	                    <span class="sr-only">Close</span>
	                </button>
	                <h4 class="modal-title">B · AR互动邀请函展示</h4>
	            </div>
	            <div class="modal-body">
	            	<video src="video/2.mp4" controls="controls" width="100%">
	            		B · AR邀请函
	            	</video>
	            </div>
	            <div class="modal-footer">
	            	<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
	            </div>
	        </div>
	    </div>
	</div>
	<!--弹出框（模态框）B · AR邀请函 结束-->

	<!--弹出框（模态框）C · AR互动展示宣传册 开始-->
	<div class="modal fade" id="video3">
		<div class="modal-dialog">
	    	<div class="modal-content">
	        	<div class="modal-header">
	                <button type="button" class="close" data-dismiss="modal">
	                	<span aria-hidden="true">&times;</span>
	                    <span class="sr-only">Close</span>
	                </button>
	                <h4 class="modal-title">C · AR互动展示宣传册</h4>
	            </div>
	            <div class="modal-body">
	            	<video src="video/3.mp4" controls="controls" width="100%">
	            		C · AR互动展示宣传册
	            	</video>
	            </div>
	            <div class="modal-footer">
	            	<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
	            </div>
	        </div>
	    </div>
	</div>
	<!--弹出框（模态框）C · AR互动展示宣传册 结束-->

	<!--弹出框（模态框）D · AR互动游戏 开始-->
	<div class="modal fade" id="video4">
		<div class="modal-dialog">
	    	<div class="modal-content">
	        	<div class="modal-header">
	                <button type="button" class="close" data-dismiss="modal">
	                	<span aria-hidden="true">&times;</span>
	                    <span class="sr-only">Close</span>
	                </button>
	                <h4 class="modal-title">D · AR互动游戏</h4>
	            </div>
	            <div class="modal-body">
	            	<video src="video/4.mp4" controls="controls" width="100%">
	            		D · AR互动游戏
	            	</video>
	            </div>
	            <div class="modal-footer">
	            	<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
	            </div>
	        </div>
	    </div>
	</div>
	<!--弹出框（模态框）D · AR互动游戏 结束-->

	<!--弹出框（模态框）E · 三维立体名片 开始-->
	<div class="modal fade" id="video5">
		<div class="modal-dialog">
	    	<div class="modal-content">
	        	<div class="modal-header">
	                <button type="button" class="close" data-dismiss="modal">
	                	<span aria-hidden="true">&times;</span>
	                    <span class="sr-only">Close</span>
	                </button>
	                <h4 class="modal-title">E · 三维立体名片</h4>
	            </div>
	            <div class="modal-body">
	            	<video src="video/5.mp4" controls="controls" width="100%">
	            		E · 三维立体名片
	            	</video>
	            </div>
	            <div class="modal-footer">
	            	<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
	            </div>
	        </div>
	    </div>
	</div>
	<!--弹出框（模态框）E · 三维立体名片 结束-->
	
	
	<!-- jQuery -->
	<script src="js/jquery.min.js"></script>
	<!-- jQuery Easing -->
	<script src="js/jquery.easing.1.3.js"></script>
	<!-- Bootstrap -->
	<script src="js/bootstrap.min.js"></script>
	<!-- Waypoints -->
	<script src="js/jquery.waypoints.min.js"></script>
	<!-- Flexslider -->
	<script src="js/jquery.flexslider-min.js"></script>
	
	<!-- MAIN JS -->
	<script src="js/main.js"></script>

	</body>
</html>

